import Vue from 'vue'
import VueRouter from 'vue-router'

// 以下创建自己的路由页面
import Home from '@/views/Home/Home' // 主页
import Goods from '@/views/Goods/Goods.vue' //商品详情页
import Login from '@/views/Login/Login' // 购物登陆
import Order from '@/views/Order/Order' // 订单提交页面
import Resiger from '@/views/Resiger/Resiger' // 注册页面
import Search from '@/views/Search/Search' //按 类别显示商品列表
import SearchDetail from '@/views/SearchDetail/SearchDetail' // 按关键字查询商品列表
import ShopCar from '@/views/ShopCar/ShopCar' //购物车

import Me from '@/views/Me/Me' // 个人中心模板块
import UserSeacherOrder from '@/views/Me/UserSeacherOrder'  // 我的订单
import UserUpdatePassword from '@/views/Me/UserUpdatePassword' // 我的修改密码
import UserShowInfo from '@/views/Me/UserShowInfo' // 显示个人信息

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    redirect: '/home'
  },
  {
    path: '/home',
    name: 'home',
    component: Home,
    //路由原数据，可以组件的显示状态
    meta: { showHeaderTop: true, showHeaderSearch: true }
  },
  {

    path: '/goods',
    name: 'goods',
    component: Goods,
    //路由原数据，可以组件的显示状态
    meta: { showHeaderTop: true, showHeaderSearch: true }
  },
  // 登陆页
  {

    path: '/login',
    name: 'login',
    component: Login, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: false, showHeaderSearch: false }
  },
  //注册页
  {

    path: '/resiger',
    name: 'resiger',
    component: Resiger, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: false, showHeaderSearch: false }
  },
  //确认订单页
  {

    path: '/order',
    name: 'order',
    component: Order, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: false, showHeaderSearch: false }
  },
  //类型查询显示商品列表
  {

    path: '/search',
    name: 'search',
    component: Search, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: false, showHeaderSearch: false }
  },
  //条件查询商品列表页
  {

    path: '/searchdetail',
    name: 'SearchDetail',
    component: SearchDetail, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: true, showHeaderSearch: true }
  },
  //购物车
  {

    path: '/ShopCar',
    name: 'ShopCar',
    component: ShopCar, //模块组件
    // 路由用的组件，是不是显示
    meta: { showHeaderTop: false, showHeaderSearch: false }
  },
  // 个人中心配置
  {
    path: '/me',
    name: 'me',
    component:Me,//后台框架
    meta: { showHeaderTop: true, showHeaderSearch: false }, // 是不是显示路由模板页上的组件控制
    //子路由:会使用个人中心的模板部分
    children: [
      //显示我的订单及订单详细
      { 
        path: '/UserSeacherOrder', 
        name: 'userSeacherOrder', 
        component: UserSeacherOrder 
      },
      //显示个人信息
      { path: '/UserShowInfo', 
      name: 'UserShowInfo', 
      component: UserShowInfo 
      },
      //个人修改密码
      { 
        path: '/UserUpdatePassword', 
        name: 'UserUpdatePassword',
        component: UserUpdatePassword 
      }
    ]

  }
]


const router = new VueRouter({
  routes
})

export default router
